<!DOCTYPE html>
<html lang="en">

<head>
    <script src="../utils/flexible.js"></script>
    <script src="../utils/template.js"></script>
    <link rel="stylesheet" href="../assets/iconFonts/iconfont.css">
    <link rel="stylesheet" href="../css/moneyctrl.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>moneyctrl</title>
    <script src="../js/backtop.js"></script>
    <script src="../utils/jquery3.6.js"></script>
</head>

<body>
    <div class="header">
        <a href="../index.html">
            <</a> <h4>省钱控-最新优惠</h4>
                <div>
                    <a href="">
                        <img src="../assets/images/header_app.png" alt="">
                    </a>
                </div>
    </div>
    <div class="main">
        <ul class="info">

        </ul>
    </div>
    <section class="changepages">
        <button class="prev">上一页</button>
        <select name="" id="" class="page">

        </select>
        <button class="next">下一页</button>
    </section>
    <section class="footer">
        <div class="footmore ">
            <a href="">更多优惠信息>>></a>
        </div>
        <div class="chart clear">
            <span>品牌排行</span>
            <span><img src="../assets/images/more.png" alt=""></span>
        </div>
        <div class="login">
            <div class="foottop">
                <div class="footrow clear">
                    <a href="../index.html">登入</a>
                    <a href="../index.html">注册</a>
                    <a href="">返回顶部</a>
                </div>
            </div>
            <div class="footbottom">
                <p>
                    <a href="">手机app下载</a>
                    <a href="">慢慢买手机版</a>
                    -- 掌上比价平台
                </p>
                <p>m.manmanbuy.com</p>
            </div>
        </div>
    </section>
</body>
</html>
<!-- 渲染商品所需的li标签 -->
<script type="text/html" id='main'>
    <!-- 取data里面的result数组来循环i是索引value是值 -->
    {{each result as value i}}
<li class="clear">
    <a href="discount.html?productid={{value.productId}}" class="clearfix">
        <div class="img fl">
            <!--  加上@符号是解析html标签 -->
            {{@value.productImgSm}}
        </div>
        <div class="infoR">
            <div class="title">
                <h4>{{value.productName}}</h4>
            </div>
            <div class="other">
                <span class="mall fl">{{value.productFrom}} | {{value.productTime}}</span>
                <i class="iconfont icon-pinglun fr">{{value.productComCount}}</i>
            </div>
        </div>
    </a>
</li>
{{/each}}
</script>
<!-- 渲染下拉栏所需的option标签 -->
<script type="text/html" id="select">
    {{each option as value i }}
    <option style="text-align: center;">{{i+1}}/{{value.totalCount}} </option>
    {{/each}}
</script>
<script src="../js/moneyctrl.js"></script>